<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//什么时候使用箭头函数
			/* setTimeout(function(){
				console.log(this);
			},1000);
			
			setTimeout(()=>{
				console.log(this)
			},1000) */
			//结论：箭头函数中的this引用就是最近作用域中的this
			//问题：箭头函数中的this是如何查找的呢？
			//答案：向外成作用域中，一层层查找this，直到找到有this的定义
			/* const obj={
				aaa(){
					setTimeout(function(){
						console.log(this); //window
					})
					setTimeout(()=>{
						console.log(this);//obj对象
					})
				}
			}
			obj.aaa(); */
			
			const obj={
				aaa(){
					setTimeout(function(){
						setTimeout(function(){
							console.log(this); //window
						})
						setTimeout(()=>{
							console.log(this);//window对象
						})
					})
					
					setTimeout(()=>{
						setTimeout(function(){
							console.log(this); //window
						})
						setTimeout(()=>{
							console.log(this);//obj对象
						})
						
					})
				}
			}
			obj.aaa();
		</script>
	</body>
</html>
